<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><%= typeInfo.name%></title>
  <meta name="keywords" content="typeInfo.keywords">
  <meta name="description" content="typeInfo.description">
  <link rel="stylesheet" type="text/css" href="/public/home/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="/public/home/css/nprogress.css">
  <link rel="stylesheet" type="text/css" href="/public/home/css/style.css">
  <link rel="stylesheet" type="text/css" href="/public/home/css/font-awesome.min.css">
  <link rel="apple-touch-icon-precomposed" href="/public/home/images/icon/icon.png">
  <link rel="shortcut icon" href="/public/home/images/icon/favicon.ico">
  <script src="/public/home/js/jquery-2.1.4.min.js"></script>
  <script src="/public/home/js/nprogress.js"></script>
  <script src="/public/home/js/jquery.lazyload.min.js"></script>
  <!--[if gte IE 9]>
  <script src="/public/home/js/jquery-1.11.1.min.js" type="text/javascript"></script>
  <script src="/public/home/js/html5shiv.min.js" type="text/javascript"></script>
  <script src="/public/home/js/respond.min.js" type="text/javascript"></script>
  <script src="/public/home/js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
  <!--[if lt IE 9]>
  <script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
</head>

<body class="user-select">
  <% include common/head.html %>
  <section class="container">
    <div class="content-wrap">
      <div class="content">
        <div class="title">
          <h3><%= typeInfo.name%></h3>
        </div>
        <!-- 文章展示区 -->
        <% newsData.forEach(item=>{%>
        <article class="excerpt excerpt-1">
          <a class="focus" href="/news?id=<%= item.id%>" title="">
            <img class="thumb" src="<%= item.img%>" alt=""></a>
          <header><a class="cat" href="program"><%= typeInfo.name%><i></i></a>
            <h2><a href="/news?id=<%= item.id%>" title=""><%= item.title%></a></h2>
          </header>
          <p class="meta">
            <time class="time"><i class="glyphicon glyphicon-time"></i> <%= item.time%></time>
            <span class="views"><i class="glyphicon glyphicon-eye-open"></i> 共<%= item.num%>人围观</span> <a
              class="comment" href="article.html#comment"><i class="glyphicon glyphicon-comment"></i> 0个不明物体</a></p>
          <p class="note"><%= item.info%> </p>
        </article>
        <% }) %>
        <nav class="pagination" style="display: none;">
          <ul>
            <li class="prev-page"></li>
            <li class="active"><span>1</span></li>
            <li><a href="?page=2">2</a></li>
            <li class="next-page"><a href="?page=2">下一页</a></li>
            <li><span>共 2 页</span></li>
          </ul>
        </nav>
      </div>
    </div>
    <aside class="sidebar">
      <div class="fixed">
        <div class="widget widget_sentence">
          <h3>每日一句</h3>
          <div class="widget-sentence-content">
            <h4>2016年01月05日星期二</h4>
            <p>Do not let what you cannot do interfere with what you can do.<br />
              别让你不能做的事妨碍到你能做的事。（John Wooden）</p>
          </div>
        </div>
        <div class="widget widget_search">
          <form class="navbar-form" action="/Search" method="post">
            <div class="input-group">
              <input type="text" name="keyword" class="form-control" size="35" placeholder="请输入关键字" maxlength="15"
                autocomplete="off">
              <span class="input-group-btn">
                <button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
              </span> </div>
          </form>
        </div>

      </div>
      <div class="widget widget_hot">
        <h3>热门文章</h3>
        <ul>
          <% hotData.forEach(item=>{%>
          <li><a href=""><span class="thumbnail"><img class="thumb" src="<%= item.img%>" alt=""></span><span
                class="text"><%= item.title%></span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                <%= item.time%> </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>
                <%= item.num%></span></a></li>
          <% }) %>
        </ul>
      </div>
    </aside>
  </section>
  <% include common/footer.html %>
  <!--微信二维码模态框-->
  <div class="modal fade user-select" id="WeChat" tabindex="-1" role="dialog" aria-labelledby="WeChatModalLabel">
    <div class="modal-dialog" role="document" style="margin-top:120px;width:280px;">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="WeChatModalLabel" style="cursor:default;">微信扫一扫</h4>
        </div>
        <div class="modal-body" style="text-align:center"> <img src="/public/home/images/weixin.jpg" alt=""
            style="cursor:pointer" /> </div>
      </div>
    </div>
  </div>
  <!--该功能正在日以继夜的开发中-->
  <div class="modal fade user-select" id="areDeveloping" tabindex="-1" role="dialog"
    aria-labelledby="areDevelopingModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="areDevelopingModalLabel" style="cursor:default;">该功能正在日以继夜的开发中…</h4>
        </div>
        <div class="modal-body"> <img src="/public/home/images/baoman/baoman_01.gif" alt="深思熟虑" />
          <p style="padding:15px 15px 15px 100px; position:absolute; top:15px; cursor:default;">
            很抱歉，程序猿正在日以继夜的开发此功能，本程序将会在以后的版本中持续完善！</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-dismiss="modal">朕已阅</button>
        </div>
      </div>
    </div>
  </div>
  <!--右键菜单列表-->
  <% include common/rightClickMenu.html%>
  <script src="/public/home/js/bootstrap.min.js"></script>
  <script src="/public/home/js/jquery.ias.js"></script>
  <script src="/public/home/js/scripts.js"></script>
</body>

</html>